.dir-bar-page {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 100%;
  background: pink;
  .chat-wrapper {
    flex-grow: 1;
    .chat-item {
      padding: 20px;
      background: white;
      border-bottom: 1px solid red;
    }
  }
}

@media all and (max-width: 670px){
  .dir-bar-page {
    width: 100px;
  }
}
